// src/components/Navbar.jsx
import React from 'react';
import { Link } from 'react-router-dom';
import { Menu } from 'antd';
 
const Navbar = () => {
 
    return (
        <div>
          
        <Menu mode="horizontal" theme="light">
            <Menu.Item key="home">
                <Link to="/home">首页</Link>
            </Menu.Item>
            <Menu.Item key="todo">
                <Link to="/todo">任务清单</Link>
            </Menu.Item>
            <Menu.Item key="todo">
                <Link to="/second">任务单8</Link>
            </Menu.Item>
            <Menu.Item key="about">
                <Link to="/about">关于我们</Link>
            </Menu.Item>
            <Menu.Item key="user">
                <Link to="/user">用户crud</Link>
            </Menu.Item>
            <Menu.Item key="index">
                <Link to="/index">索引</Link>
            </Menu.Item>
            
            <Menu.Item key="login">
                <Link to="/">返回登录</Link>
            </Menu.Item>
        </Menu>
            
        </div>
    );
};

export default Navbar;
